* {
    font-family: Ubuntu, Helvetica, sans-serief;
    font-size: 1em;
}

.title {
    margin-bottom: 5px;
    font-size: 1.5em;
    text-shadow: #BBB 0 1px 0;
    color: #222;
}

.menu_content{
    margin-top: 10px;
}
    .menu_content ul{

    }
        .menu_content ul li{
          font-size: 0.9em;
          text-decoration: none;
          display: inline;
          background-color: #DDD;
          -moz-border-radius: 3px;
          -webkit-border-radius: 3px;
          border-radius: 3px;
          border: 1px solid #ABABAB;
          text-shadow: #DDD 0 1px 0;
          padding: 5px;
          background: -moz-linear-gradient(0% 100% 90deg,#CCC, #CCC, #DDD 100%);
          background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#CCC), to(#CCC), color-stop(0,#DDD));
        }
        
        .menu_content ul li:hover{
            background: -moz-linear-gradient(0% 100% 90deg,#DDD, #DDD, #EEE 100%);
            background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#DDD), to(#DDD), color-stop(0,#EEE));
            cursor: pointer;
        }
        
        .menu_content ul li:active{
            -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
            -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
            box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
        }
        
        .menu_content ul li a{
           font-size: 1em;
           text-decoration: none;
           color: #444;
        }

hr {
    margin-bottom: 10px;
}

.container {
    margin-top: 10px;
    margin-bottom: 5px;
    padding: 10px;
    background-color: #EEE;
    border: 1px solid #ABABAB;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.contain {
    margin-top: 10px;
    margin-bottom: 5px;
    padding: 10px;
    background-color: #EEE;
    border: 1px solid #ABABAB;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    font-size: 1em;
}

    .container a{
        text-decoration: none;
        color: #0074ff;
        margin-left: 3px;
        margin-bottom: 3px;
    }
    
    .container a:hover{
        font-weight: bold;
    }

form#createPegawai {
    margin-top: 5px;
}

dt{
    float:left;
    clear: left;
}

dd{
    margin-left: 150px;
    margin-bottom: 5px;
}

dl.pegawai dt{
    float:left;
    clear: left;
}

dl.pegawai dd{
    margin-left: 200px;
    margin-bottom: 5px;
}

input[type="text"] {
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border: 1px solid #999;
    padding: 5px;
    font-size: 0.9em;
    background-color: #DDD;
    width: 200px;
}

input#no_request-reqnum, input#no_request-deptcode,
input#no_request-month, input#no_request-year{
    width: 50px;
    margin-right: 5px;
}

input[type="text"]:focus {
    background-color: #EEE;
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
    -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
}

input[type="text"]:disabled {
    background-color: #EEE;
}
input[type="password"] {
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border: 1px solid #999;
    padding: 5px;
    font-size: 0.9em;
    background-color: #DDD;
    width: 200px;
}

input[type="password"]:focus {
    background-color: #EEE;
    -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,0.3);
    -moz-box-shadow: inset 0 1px 3px rgba(0,0,0,0.3);
    box-shadow: inset 0 1px 3px rgba(0,0,0,0.3);
    
}

input[type="submit"] {
    float: left;
    margin-right: 5px;
    text-shadow: #BBB 0 1px 0;
}

input[type="submit"] {
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border: 1px solid #999;
    padding: 5px;
    font-size: 1em;
    background: -moz-linear-gradient(0% 100% 90deg,#CCC, #CCC, #DDD 100%);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#CCC), to(#CCC), color-stop(0,#DDD));
}

input[type="submit"]:hover {
    background: -moz-linear-gradient(0% 100% 90deg,#DDD, #DDD, #EEE 100%);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#DDD), to(#DDD), color-stop(0,#EEE));
    cursor: pointer;
}

input[type="submit"]:active {
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
    -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
}

input[type="reset"] {
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border: 1px solid #999;
    padding: 5px;
    font-size: 1em;
    text-shadow: #BBB 0 1px 0;
    background: -moz-linear-gradient(0% 100% 90deg,#CCC, #CCC, #DDD 100%);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#CCC), to(#CCC), color-stop(0,#DDD));
}

input[type="reset"]:hover {
    background: -moz-linear-gradient(0% 100% 90deg,#DDD, #DDD, #EEE 100%);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#DDD), to(#DDD), color-stop(0,#EEE));
    cursor: pointer;
}

input[type="reset"]:active {
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
    -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
}

input[type="radio"] {
    margin-right: 5px;
}

button{
   border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border: 1px solid #999;
    padding: 5px;
    font-size: 1em;
    text-shadow: #BBB 0 1px 0;
    background: -moz-linear-gradient(0% 100% 90deg,#CCC, #CCC, #DDD 100%);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#CCC), to(#CCC), color-stop(0,#DDD));
}

button:hover {
    background: -moz-linear-gradient(0% 100% 90deg,#DDD, #DDD, #EEE 100%);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#DDD), to(#DDD), color-stop(0,#EEE));
    cursor: pointer;
}

button:active {
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
    -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
}

select{
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border: 1px solid #999;
    padding: 5px;
    font-size: 0.9em;
    background-color: #DDD;
    text-decoration: none;
    width: 210px;
}

select:hover {
    cursor: pointer;
    background-color: #EEE;
}

select:focus {
    background-color: #EEE;
}

select:disabled{
    background-color: #EEE;
}

textArea {
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border: 1px solid #999;
    padding: 5px;
    font-size: 0.9em;
    background-color: #DDD;
}

textArea:focus {
    background-color: #EEE;
    -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,0.3);
    -moz-box-shadow: inset 0 1px 3px rgba(0,0,0,0.3);
    box-shadow: inset 0 1px 3px rgba(0,0,0,0.3);
}

textArea:disabled{
    background-color: #EEE;
}

ul.errors {
    margin: 5px 0 5px 0;
    margin-bottom: 5px;
}

ul.errors li{
    display: block;
    text-decoration: none;
    font-size: 1em;
    background-color: #fd8e7d;
    padding: 5px;
    border: 1px solid #fecdc6;
}

.container table {
    width: 100%;
    border-collapse: collapse;
}

    .container thead td{
       font-weight: bold;
       background-color: #BBB;
    }
    
    tr {
        border: 1px solid #FFF;
        background-color: #DDD;
        
    }
    
    .contain tr {
        border: none;
        background-color: #EEE;
    }

    .container tr:hover {
        background-color: #EEE;
        cursor: pointer;
    }

    .container td {
        padding: 5px;
    }
        
.notfound {
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 2px;
    background-color: #54c658;  
    text-align: center;
    font-size: 0.9em;
}

.delete {
    margin: 0 auto;
    background-color: #DDD;
    width: 210px;
    height: 70px;
    padding: 10px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    font-size: 0.75em;
}

.delete form {
    margin-top: 30px;
    margin-left: 50px;
}

    .delete input[type="submit"] {
        width: 50px;
        font-size: 1em;
    }

    #genset{
        font-size: 0.9em;
    }
    
    #project {
        font-size: 0.9em;
    }
    
    #laporgenset {
        font-size: 0.9em;
    }
    
    #gensetSummary {
        font-size: 0.9em;
    }
    
    #summary{
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        
        font-size: 0.9em;
    }
    
    #summary dd{
        margin-left: 100px; 
    }
    
    #summary input{
        width: 150px;
        margin-top: 0px;
        font-size: 1em;
    }
    
    #summary select{
        width: 160px;
        margin-top: 0px;
        font-size: 1em;
    }
    
    dd#catatan_proyek-element {
        margin: -5px;
        margin-left: -10px;
    }
.submitGenset{
    margin-top: 10px;
    float: right;
}
#konsumenProyek {
    margin-bottom: 50px;
}
input#submitGenset, input#submitKonsumen{
    margin-bottom: 10px;
}

#laporangenset {
    font-size: 1em;
}

    #laporangenset select:disabled{
        color: #000;
        background-color: #FFF;
    }
    
    #laporangenset input[type="text"]:disabled{
        color: #000;
        background-color: #FFF;
    }
    
    #laporangenset textarea:disabled{
        color: #000;
        background-color: #FFF;
    }
    
    #laporangenset .ui-widget-header {
        background-color: #EEE;
    }
    
    #laporangenset ul#daftarAktivitas{
        margin-top: 10px;
    }
    
    #laporangenset ul#daftarAktivitas li{
        display: block;
        text-decoration: none;
        margin-bottom: 8px;
        
    }
    
    #laporangenset ul#daftarAktivitas li a#cal{
        text-decoration: none;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        padding: 3px;
        background-color: #CCC;
        color: #FFF;
    }
    
    #laporangenset ul#daftarAktivitas li a#cal:hover{
        background-color: #DDD;
    }
    
table#daftarAktivitas {
    width: 100%;
    border-collapse: collapse;
}

    table#daftarAktivitas thead td{
       font-weight: bold;
       background-color: #BBB;
    }
    
    table#daftarAktivitas tr {
        border: 1px solid #FFF;
        background-color: #DDD;
        
    }
    
    table#daftarAktivitas tr:hover {
        background-color: #EEE;
        cursor: pointer;
    }

    table#daftarAktivitas td {
        padding: 5px;
    }
    
.ui-tabs table {
    width: 100%;
    border-collapse: collapse;
}

    .ui-tabs thead td{
        font-weight: bold;
        background-color: #BBB;
    }

    .ui-tabs tr {
        border: none;
        background-color: #EEE;
    }

    .ui-tabs tr:hover {
        background-color: #EEE;
        cursor: pointer;
    }

    .ui-tabs td {
        padding: 5px;
    }
    
    #daftarProyek {
        border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border: 1px solid #BBB;
        margin-bottom: 5px;
        padding: 5px;
        cursor: pointer;
    }
    
    #daftarProyek:hover {
        background-color: #DDD;
    }
    
    #namaProyek {
        font-size: 1.25em;
    }
    
    #titleProyek {
        font-size: 1.5em;
        font-weight: bold;
        margin-bottom: 2px;
    }
    
    #alamatKonsumen address{
        font-weight: normal;
    }

    .reqSummary {
        padding-bottom: 30px;
    }
    
    h3#sistemTitle {
        font-weight: bold;
        font-size: 1.5em;
    }
    
    #namaPerusaahan {
        margin-bottom: 20px;
    }

div#messages {
    font-size: 1em;
}

form.project {
    margin-top: 20px;
}

ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all {
    background: #eee;
}

img.ui-datepicker-trigger {
    padding: 2px;
}